<template>
  <div class="nav-breadcrumb">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '' }">菜单</el-breadcrumb-item>
      <el-breadcrumb-item :to="{}">{{ pathName }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script lang="ts">
import { computed, defineComponent } from 'vue'
import { useStore } from 'vuex'

export default defineComponent({
  setup() {
    const store = useStore()
    const pathName = computed(() => {
      const breadcrumb = store.state.setting.name
      return breadcrumb
    })
    return { pathName }
  },
})
</script>

<style scoped></style>
